約 5,117,011 件
https://w.atwiki.jp/even_eko/pages/17.html
DOMを非表示 下のコードをタグの中に入れればOK! style="display none; " 例 div style="display none;" /div styleではcssのパラメータを変更できる。displayはcssのコマンドである。 audioタグ htmlファイル !DOCTYPE html html head title html5オーディオプレイヤー /title meta charset="UTF-8" script src="./html5_audio.js" /script /head body div id="audioZone" audio id="audio_8000" preload="auto" controls source src="audio/8000.wav" type="audio/wav" source src="audio/8000.mp3" type="audio/mp3" p ※ご利用のブラウザでは再生することができません。 /p /audio /div div id="musicZone" input id="startMusic" type="image" src="./img/q_pc_transmit_on.png" width="127px" height="58px" onclick="audioPlay(8000)"/ /div /body /html jsファイル function audioPlay(num) { var string = "audio/" + num + ".mp3"; var audio = new Audio(string); audio.play(); console.log(string); } これなら、Android2.2であるIS11Tでも動作した。 jsファイルにjQueryを使ったり、下のスクリプトを使ったりすると動作しなかった。 document.getElementById("audio_8000").play();
https://w.atwiki.jp/javadsge/pages/359.html
package rc; import tool.*; public class pro { String u; String[] data=new String[5000]; int s,datanumber; public static void main(String[] args) { pro tes=new pro(); } pro(){ int p; for(p=1;p 15;p++){ u="http //www.coara.or.jp/~cheerkey/shiho/shiho"+p+".html"; getdata sub=new getdata(); sub.makedata(u,"SJIS"); data=sub.data; datanumber=sub.datanumber; int tr; for(tr=1;tr 10;tr++){ for(s=1;s datanumber+1;s++){ int p1=data[s].indexOf(" "); int p2=data[s].indexOf(" "); String str; str=""; if(p1 -1)str=data[s].substring(p1,p2+1); data[s]=data[s].replace(str,""); }} writefile sub3=new writefile(); sub3.data=data; sub3.datanumber=datanumber; sub3.makedata(p+".txt"); } } }
https://w.atwiki.jp/cowbell/pages/15.html
インライン ブロック a リンクする ○ abbr 略語 ○ acronym 略語 ○ address アドレス ○ applet アプレット ○ area クリッカブルマップエリア b 太字 ○ base ベースURL basefont 基本フォント ○ bdo 国際化情報 ○ bgsound バックミュージック big 大きな太字 ○ blink 点滅文字 ○ blockquote 引用 ○ body 本文 br 開業 ○ button ボタン ○ caption テーブルの見出し center 中央揃え ○ cite 参照 ○ code コード ○ col テーブルのカラム設定 colgroup テーブルのカラムグループ設定 comment コメント dd 定義の説明 del 削除 dfn 定義 dir ディレクトリリスト div ブロック要素 dl 定義リスト dt 定義語 dm 強調 embed オブジェクトの埋め込み fieldset フィールドセット font フォント form フォーム frame フレーム frameset フレームセット h1 - h6 見出し head ヘッダ hr 水平線 html HTML文書 i イタリック文字 iframe インラインフレーム ilayer インラインレイヤ img イメージ input フォーム部品:入力欄 ins 挿入 isindex 検索フォーム kbd キーボード keygen 鍵の作成
https://w.atwiki.jp/aru_notebook/pages/18.html
HTMLクイックリファレンス(ABC順) http //www.htmq.com/html/index.shtml HTMLクイックリファレンス(目的別) http //www.htmq.com/html/indexm.shtml
https://w.atwiki.jp/siron24/pages/15.html
!---------------------------------------------------------- ■説明 処理の説明を記述します。 ■課題 課題を記述します。 !--------------------------------------------------------- 宣言 !DOCTYPE html !--基準言語=日本語; manigestでキャッシュするファイルを指定-- html lang="ja" manifest="skeleton.manifest" !--JavaScript参照-- script type="text/javascript" src="../js/skeleton.js" /script !--------------------------------------------------------- ヘッダ情報定義 head !--文字コード-- meta charset="UTF-8" !--ページタイトル(SEOに関わるので厳選したキーワードを記述)-- title テスト /title !--相対パスの基準URL-- base href="http //www.google.co.jp/" target="_self" !--スタイルシート指定-- link rel="stylesheet" type="text/css" href="../css/skeleton.css" media="all" title="default" / /head
https://w.atwiki.jp/webdesignmemo/pages/32.html
関連トピックス 【CSS】ブラウザのスタイルをリセットするスタイルシート集 | コリス CSSNite in Nagoya 2007 極力ハックしない CSS by 山田あかね(purprin) 役立つサイト CSSレイアウト実践講座 とほほのスタイルシート入門 Web標準XHTML+CSSデザイン クリエイターが身につけておくべき新・100の法則。 公式サポートサイト サンプルダウンロードのページが参考になる。 CSS HappyLife CSS-EBLOG CSSめっちゃ不器用やねん リンク名 memo リセット CSS(2009.02.07の時点+コメントで説明つき) Yahoo! UI Library /* 各要素のmargin.paddingの正規化 */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin 0; padding 0; } /* tabel要素のセルのボーダーとボーダーの間隔を0に */ table { border-collapse collapse; border-spacing 0; } /* fieldsetやimg要素のボーダーを削除 */ fieldset,img { border 0; } /* font-styleやfont-weightプロパティの正規化 */ address,caption,cite,code,dfn,em,strong,th,var { font-style normal; font-weight normal; } /* ol、ul要素のlist-styleを削除 */ ol,ul { list-style none; } /* captionやth要素を左揃えに */ caption,th { text-align left; } /* 見出し要素のフォントサイズ、太さの正規化 */ h1,h2,h3,h4,h5,h6 { font-size 100%; font-weight normal; } /* q要素の引用マークを削除 */ q before,q after { content ; } /* 略語のボーダーを削除 */ abbr,acronym { border 0; } タグの順番 /* mozilla.org Base Styles * maintained by fantasai * (classes defined in the Markup Guide - http //mozilla.org/contribute/writing/markup ) */ /* Suggested order * display * list-style * position * float * clear * width * height * margin * padding * border * background * color * font * text-decoration * text-align * vertical-align * white-space * other text * content * */ 名前 コメント
https://w.atwiki.jp/api_programming/pages/104.html
下位ページ Content HTTP通信文字化けが起きた パラメータの出力 レスポンスの「確認」 basic 認証 HTTP通信 接続先のURLへ情報を送信し、結果を保存する - @IT java.net.URL HttpURLConnection URLのインスタンスを作成。ここで接続先を指定する。 URLのインスタンスのopenConnectionで接続HttpURLConnectionを作成 パラメータはOutputStreamで出力するJavaによるHTTPリクエスト時のパラメータの渡し方 getResponceMessage()でレスポンスのボディを受け取る disconnect()で通信終了 URL url = new URL(strURL); HttpURLConnection con = (HttpURLConnection)url.openConnection(); connection.setDoOutput(true); connection.setUseCashes(false); connection.setRequestMethod("POST"); // 通信方法にPOSTを指定 // パラメータ送信 OutputStream os = uc.getOutputStream(); // POST用のOutputStreamを取得 PrintStream ps = new PrintStream(os); String postStr = "a=1 b=2 c=3"; ps.print(postStr);// データをPOSTする ps.close(); // 受信 InputStream is = uc.getInputStream(); // POSTした結果を取得 BufferedReader reader = new BufferedReader(new InputStreamReader(is)); String s; while ((s = reader.readLine()) != null) { System.out.println(s); reader.close(); uc.disconnect(); } 文字化けが起きた しばらく何事もなかったのに、Toodledoで新しいタスクを作成する処理を行っているときに、iPhone経由でのタスク登録にて文字化けが発生。(iPhone以外では、日本語のタスクを作成しなかった、とかではないと思うが。。。) アラートで表示 OK サーバでの受取での表示 OK Toodledo での受取 NG なので、servlet→toodledoの送信でだめ?っぽい。 文字コードをセットできる場所として PrintStream 生成時に UTF-8 を追加 [[PrintStream(java.io.OutputStream, boolean, java.lang.String) https //docs.oracle.com/javase/jp/6/api/java/io/PrintStream.html#PrintStream(java.io.OutputStream, boolean, java.lang.String)]] で、正常動作(文字化け回避)になった。 パラメータの出力 パラメータはOutputStreamで出力する (HttpURLConnection).getOutputStream でもOutputStreamはバイト文字列で表記とか、使いづらい。 当初、PrintWriterクラスを使っていたが、日本語を使う必要が出た際に、文字化けで詰まったので、 OutputStreamWriterクラスを使うようにした。 OutputStreamWriter osw = new OutputStreamWriter(connection.gerOutputStream(),"UTF-8"); osw.write(str); osw.close(); OutputStreamWriter PrintWriterを使うのが便利。 JavaによるHTTPリクエスト時のパラメータの渡し方 レスポンスの「確認」 System.err.println(httpcon.getResponseCode()) // 戻り値はint System.err.println(httpcon.getResponseMessage()) getResponseCode() getResponseMessage() HTTPステータスコード - Wikipedia basic 認証 http //x68000.q-e-d.net/~68user/net/java-http-url-connection-2.html https //developer.android.com/reference/android/util/Base64.html http //www.programing-style.com/android/android-api/android-basic-authentication/ 正式な?方法があるらしいが、代替的な方法で、client_id と client_secret をパラメータとして渡す方法もあるらしい。
https://w.atwiki.jp/programing_wands/pages/11.html
HTMLについて HTMEとは HTMLの書き方 HTMLタグ(HTML5) !DOCTYPE html html head body meta link script header main footer div ul ol li
https://w.atwiki.jp/wiki11_app/pages/58.html
サンプル !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" HTML HEAD META http-equiv="Content-Type" content="text/html; charset=Shift_JIS" TITLE ○○のレビュー /TITLE /HEAD BODY P ○○のレビュー /P UL LI A href="#app1" アプリ1 /A LI A href="#app2" アプリ2 /A LI アプリ3 /UL P A name="app1" アプリ1 /A BR 作者1 BR ★★★★★ BR BR アプリってほんといいもんですね。 BR BR A href="douwload1" ダウンロード /A /P HR P A name="app2" アプリ2 /A BR 作者2 BR ★★☆☆☆ BR BR あwせdrftgyふじこlp BR BR A href="download2" ダウンロード /A /P HR /BODY /HTML こう表示されます↓ ○○のレビュー アプリ1 アプリ2 アプリ3 アプリ1 作者1 ★★★★★ アプリってほんといいもんですね。 ダウンロード アプリ2 作者2 ★★☆☆☆ あwせdrftgyふじこlp ダウンロード
https://w.atwiki.jp/memo77/pages/26.html
PageLastUpdate 2012-07-05/today - /yesterday - 印刷時のみ適用するcss ありがちな間違い tDiaryテーマとはてなテーマDOCUTYPE宣言ではまった はてなのメニュー部分ではまった wikiで使うための数値実体参照 Internet Explorer Developer Toolbar あなたのページを最速にする14の掟 よく使うサイト comment とにかく基本はAnother HTML-lint gatewayで自分のサイトをチェックして、ダメなところを徹底的に潰すこと。これをやってるうちに、少しづつ知識がついてくる。 印刷時のみ適用するcss とりあえず@ウィキのこのデザインで印刷時に余計な要素を表示させないサンプル 2012/07/05 @media print { form {display none; } .noprint {display none; } .ddsmoothmenu {display none; } .header {display none; } .footer {display none; } .ads {display none; } #body-footer {display none; } .outer { border-left none; border-right none; } body { font 8pt serif; }} ありがちな間違い スクリプトでcgi呼び出すときに、パラメータ中に?a=1 b=2みたいな記述があるときに を にし忘れる。 tDiaryテーマとはてなテーマ 2007/05/01 なんかtDiaryのテーマとか選んでいるうちに、いじらざるを得なくなってきた。せっかくなので勉強しよう。 tDiaryテーマの作り方 http //www.tdiary.org/doc/HOWTO-make-theme.html テーマ向けHTMLの構造図解 http //tnat.net/img/tdiary_css.png テーマ別によるスタイルシートサンプル http //joram.agz.jp/hatena/theme_body.html#link DOCUTYPE宣言ではまった 2007/05/04 検索語:はてなダイアリー/スキン/テーマ/デザイン/tdiary/崩れる adiareyとimg0chに同じテーマを指定しても同じにならない。adiaryははてなとほぼ同じになるけどimg0chが崩れます。 要素を一個一個つぶしていっても直らない。まったく同じ構造までたどり着いて、img0chのDOCUTYPE宣言にloose.dtdがついてるのに気が付く。 adiary/はてな !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" img0ch !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http //www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd" tDiary !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http //www.w3.org/TR/html4/strict.dtd" で、これが原因でしたorz そっかー、dtdのあるなしで標準モードと互換モードというのがあるのね。勉強になった・・・ http //desperadoes.biz/style/mode.php 追記:と思ったら、tDiaryはTransitionalじゃなくてstrict.dtdがついてる。これはデザインの共有で問題にならないのかしらん? さらに追記:img0chのテンプレートや吐き出されてるのは !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" だった。なんで勘違いしたかというと、IEからHTMLとして保存すると、自動的に !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http //www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd" になるようだ。 はてなのメニュー部分ではまった はてなの一番上のメニュー部分はテーマによって違うらしい。テーブルレイアウトでくるときとそうじゃないときがあるよ。 たぶん古い table border="0" width="100%" cellspacing="0" cellpadding="0" id="banner" ... たぶん新しい div id="simple-header" ... wikiで使うための数値実体参照 2007/05/05 HTMLで使える文字実体参照 http //www.ne.jp/asahi/minazuki/bakera/html/reference/charref 文字 数値実体参照 用途 | | テーブル中で|を書く必要があるとき Internet Explorer Developer Toolbar 2007/05/11 Webページの構造を検証できるMicrosoft純正IE用プラグイン。 http //www.forest.impress.co.jp/article/2007/05/11/iedevtoolbar.html あなたのページを最速にする14の掟 http //blog.livedoor.jp/dankogai/archives/50828720.html HTTPリクエストは最小限に - Make fewer HTTP requests CDNを活用 - Use a CDN Expiresヘッダを利用 - Add an Expires header コンテンツはGzipせよ - Gzip components CSSは上に - Put CSS at the top JSは下に - Move JS to the bottom CSSのexpressionの利用は控えよ - Avoid CSS expressions JSとCSSは外部化せよ - Make JS and CSS external DNS参照を抑えよ - Reduce DNS lookups JSを「縮刷」せよ - Minify JS リダイレクトは控えよ - Avoid redirects スクリプトの重複を削除せよ - Remove duplicate scripts ETagはオフにせよ - Turn off ETags AJAXを小さくしてキャッシュ可能にせよ - Make AJAX cacheable and small よく使うサイト HTML鳩丸倶楽部 http //www.ne.jp/asahi/minazuki/bakera/html/hatomaru comment このページの記述で聞きたいこととか間違ってることとかありましたらコメントを。 名前 コメント すべてのコメントを見る